* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #f5f5f5;
}
// 背景
.back {
  width: 100%;
  height: 6.16rem;
  background: url("../image/bg.png") no-repeat;
  background-size: 100% 100%;
  padding-top: 0.01rem;
  // 导航栏
  .nav {
    width: 10rem;
    line-height: 0.53rem;
    margin: 0 auto;
    margin-top: 1.52rem;
    display: flex;
    justify-content: space-between;
    i {
      font-size: 0.53rem;
    }
    .text {
      font-size: 0.35rem;
    }
  }
  // logo
  .logo {
    width: 3.36rem;
    height: 1.17rem;
    margin: 0 auto;
    margin-top: 0.64rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
  // 登录框
  .log-box {
    width: 10.35rem;
    height: 9.75rem;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 0.47rem;
    border-radius: 0.18rem;
    .log {
      width: 9.29rem;
      margin: 0 auto;
      padding: 0.01rem;

      .input {
        width: 100%;
        height: 1.66rem;
        margin-top: 0.61rem;
        position: relative;
        border-bottom: 0.01rem solid #f0f0f0;
        input {
          width: 100%;
          height: 100%;
          border: 0;
        }
        .code {
          width: 3rem;
          height: 1.08rem;
          line-height: 1.08rem;
          text-align: center;
          position: absolute;
          right: 0.26rem;
          top: 50%;
          transform: translateY(-50%);
          border-radius: 0.5rem;
          border: 0.01rem solid #ececec;
          font-size: 0.34rem;
        }
      }
      .log-center {
        width: 100%;
        height: 1.25rem;
        background-color: #5483ef;
        color: #fff;
        font-size: 0.53rem;
        text-align: center;
        line-height: 1.25rem;
        border-radius: 0.18rem;
        margin-top: 0.97rem;
      }
      .agreement-box {
        height: 0.38rem;
        margin-top: 0.95rem;
        display: flex;
        align-items: center;
        .agreement {
          margin-left: 0.28rem;
          font-size: 0.35rem;
          color: #000;
        }
      }
      .forget-box {
        margin-top: 0.83rem;
        height: 0.33rem;
        line-height: 0.33rem;
        display: flex;
        justify-content: space-between;
        .forget {
          font-size: 0.33rem;
          color: #9d9d9d;
        }
      }
    }
  }
}
